<template>
  <div class="home flex flex-col items-center justify-center">
    <img alt="Vue logo" src="../assets/logo.png">
    <p class="text-white hover:bg-green-600 bg-gray-600 p-4 rounded-md m-4" v-if="$route.path!=='/test'">使用的是AppLayoutHome布局</p>
    <p v-else class="text-white hover:bg-green-600 bg-gray-600 p-4 rounded-md m-4">没有使用任何布局</p>
    <h1>This is an home page</h1>
    <HelloWorld class="text-center" msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'Home',
  components: {
    HelloWorld
  }
}
</script>
